<template>
  <div>
    <a-form-model
      ref="ruleForm"
      :model="form"
      :rules="rules"
      :label-col="labelCol"
      :wrapper-col="wrapperCol"
    >
      <a-form-model-item label="事件类型" prop="defuseMode">
        <a-select v-model="form.defuseMode" placeholder="请选择事件类型" style="width: 400px">
          <a-select-option value="/LifeCase/upload">
            命案防控
          </a-select-option>
          <a-select-option value="/contradiction/upload">
            矛盾纠纷排查化解
          </a-select-option>
          <a-select-option value="/route/upload">
            涉及线、路案(事)件
          </a-select-option>
          <a-select-option value="/teachSchool/upload">
            涉及师生安全案(事)件
          </a-select-option>
          <a-select-option value="/great/upload">
            重特大案事件
          </a-select-option>
        </a-select>
      </a-form-model-item>
    </a-form-model>
  </div>
</template>

<script>
import Box from '@/views/xlgc/Box/index'
import { getDictItemsFromCache } from '@api/api'
import { updataHJ } from '@api/xlgc/lawCase'
import Input from '@/views/xlgc/lawCase/LifeCase/detailed/ImportModal'
import { stateTypr } from '@api/xlgc/plan'

export default {
  name: 'Basic',
  components: { Input, Box },
  props: ['parameter'],
  data() {
    return {
      visible: false,
      labelCol: { span: 5 },
      wrapperCol: { span: 12 },
      other: '',
      form: {
        defuseMode: undefined
      },
      rules: {
        defuseMode: [{ required: true, message: '请选择事件类型', trigger: 'change' }]
      }
    }
  },
  methods: {
    turnRound() {
      this.$router.push({
        path: this.form.defuseMode
      })
    }
  }

}
</script>

<style scoped>
.Filst {
  display: flex;
}

:deep(.Filst .ant-form-item-label) {
  width: 100%;
}

:deep(.Filst .ant-form-item-label) {
  width: 100%;
}

:deep(.Filst .ant-form-item) {
  display: flex;
  margin-right: 20px;
}
</style>
